<!--
 * @Descripttion: 
 * @Version: 
 * @Author: gaohj
 * @Date: 2023-01-03 15:49:52
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2023-01-03 17:06:47
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // // concat 结果放到一个新数组中 不会对原数组产生影响
        // var xiaobao = ['建宁公主','双儿','沐剑屏','曾柔','方怡','苏荃','阿珂'];
        
        // console.log('原始数组',xiaobao);
        // // var arr = xiaobao.concat(['曾哥','春哥'],'坤坤','小白',['凤姐','芙蓉姐姐']);
        // // console.log('拼接后的原数组',xiaobao);
        // // console.log('拼接后的新数组',arr);


        // // 复制一个一模一样的数组 
        // // concat方法  
        // var newArr = xiaobao.concat();
        // console.log('拼接后的原数组',xiaobao);
        // xiaobao[0] = '建宁公主儿子';
        // console.log('拼接后的原数组',xiaobao);
        // console.log('复制后的新数组',newArr);
        // var xiaobao = ['建宁公主','双儿','沐剑屏','曾柔','方怡','苏荃','阿珂'];
        
        // console.log('原始数组',xiaobao);
        // var res = xiaobao.join('￣▽￣');
        // var res1 = xiaobao.join();

        // console.log('拼接后原数组',xiaobao);
        // console.log('拼接后的字符串',res);
        // console.log('拼接后的字符串',res1); // join 什麽都不寫 就是逗號 

        // var xiaobao = ['建宁公主','双儿','沐剑屏','曾柔','方怡','苏荃','阿珂'];
        // console.log('原始数组',xiaobao);
        // // var res = xiaobao.slice(2,5);// [2,5)  2 3 4
        // // var res = xiaobao.slice(5);// [5,7) 5 6

        // // 只写一个表示没有写结尾 默认结尾就是length 
        // // [5,length) 5 6 
        // // var res = xiaobao.slice(-1); // -1 代表倒数第一个
        // // [-1,length) length-1,length   
        // //var res = xiaobao.slice(0); // [0,length) 0 1 2 3 4 5 6
        // // slice()  方向一样 从左往右
        // // 如果你写的方向是从右往左 相冲突 你的结果就是空数组
        // // var res = xiaobao.slice(-2,-5); // [5,2) 什么都没有
        // // var res = xiaobao.slice(-5,-2); // [2,5) 2 3 4 
        // console.log('截取后的原数组',xiaobao); 
        // xiaobao[0] = '建宁公主儿子';
        // console.log('截取后的原数组2',xiaobao); 
        // console.log('截取后的新数组',res);

        // //复制数组的第三中方法  数组.slice(0); // [0,length)

        // var xiaobao = ['建宁公主','双儿','沐剑屏','曾柔','方怡','苏荃','阿珂'];

        // in
        // console.log(2 in xiaobao); 

        

        var xiaobao = ['建宁公主','双儿','阿珂','沐剑屏','曾柔','方怡','苏荃','阿珂'];

        // var res = xiaobao.indexOf('阿珂'); // 从左往右找 返回阿珂第一次在数组中出现的位置
        // var res = xiaobao.indexOf('凤姐'); // 从左往右找 返回凤姐第一次在数组中出现的位置
        
        // console.log(res); // 没有凤姐 所以返回 -1 

        // var res = xiaobao.lastIndexOf('阿珂'); //  7 从右往左找 返回阿珂第一次在数组中出现的位置
        // var res = xiaobao.lastIndexOf('凤姐'); // 从左往右找 返回凤姐第一次在数组中出现的位置
        
        // console.log(res); // 没有凤姐 所以返回 -1 

        // var res = xiaobao.indexOf('阿珂',3); // 从下标3一直到最后 从左往右找 返回阿珂第一次在数组中出现的位置
        // console.log(res); // 7

        // var res = xiaobao.lastIndexOf('阿珂',0); // 从下标0开始  从右往左找 返回阿珂第一次在数组中出现的位置
        // console.log(res); // 7

        // 数组的去重
        var test = [11,2,1,1,1,1,1,1,1,1,2,3,4,5,6,5,5,2,4];
        // 创建一个新数组 
        // 遍历原数组 
        // 判断新数组中是否有这个元素 如果没有就push进去
        // 如果有就不push
        // 最后新数组 的元素一定是唯一的 
        var res = [];
        // for(var i = 0;i < test.length;i++){
        //     // 如果元素没有出现在res中
        //     if(res.indexOf(test[i]) == -1){
        //         res.push(test[i]); 
        //         // 数组.push(元素) 把元素添加到数组的最后
        //     }
        // }

        for(var i in test){
            // 如果元素没有出现在res中
            if(res.indexOf(test[i]) == -1){
                res.push(test[i]); 
                // 数组.push(元素) 把元素添加到数组的最后
            }
        }

        console.log(res);


    </script>
</body>
</html>